<!DOCTYPE html>
<html lang="zh-Hant-TW">

<head>
  <meta http-equiv="X-ua-compatible" content="IE=edge">
  <meta http-equiv="x-ua-compatible" content="IE=9,10,11">
  <meta charset="UTF-8">
  <meta property="og:title" content="諭方老師奇門易數" />
  <meta property="og:url" content="https://yufang.vip/" />

  <meta name="keywords" content="紫微斗數,改名轉運,取名,卜卦,風水,流年" />
  <meta property="og:description" name="description"
    content="諭方老師 精通 姓名八字、卜卦論勢、奇門遁甲、風水擇日等專業知識，將命理思維實際應用在學業、事業、愛情、財富、居家等等，為你奠基接下來的人生道路。">
  <meta name="author" content="盯睛設計有限公司 GAZE CREATIVE DESIGN CO., LTD." /><!-- 創作者 -->
  <meta name="copyright" content="盯睛設計有限公司 GAZE CREATIVE DESIGN CO., LTD." /><!-- 版權宣告 -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <meta property="og:image" content="https://yufang.vip/dist/images/ogimg.jpg" />
  <meta name="format-detection" content="telephone=no">
  <title>諭方老師奇門易數</title>
  <link rel="shortcut icon" href="/dist/images/yufang_ico.ico" type="image/x-icon" />
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <!-- <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;400;500&family=Tangerine:wght@700&display=swap" rel="stylesheet"> -->
  <link
    href="https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;400;500&family=Tangerine:wght@700&display=swap"
    rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">
  <noscript>
    <link
      href="https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;400;500&family=Tangerine:wght@700&display=swap"
      rel="stylesheet">
  </noscript>
  <link rel="stylesheet" href="https://yufang.vip/dist/css/aos.css">
  <!-- Google tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-MFXDEKY0ZP">
  </script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() {dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-MFXDEKY0ZP');
  </script>
  <link rel="stylesheet" href="https://yufang.vip/dist/css/main.css">
  <link rel="stylesheet" href="https://yufang.vip/dist/css/index.css">
  <link rel="stylesheet" href="https://yufang.vip/dist/css/slick-theme.css">
  <link rel="stylesheet" href="https://yufang.vip/dist/css/slick.css">

</head>

<body class="indexPage lang_tw">
  <!-- 201111 -->
  <header class="header_show ind-ch">
    <!-- 201111 -->
    <div class="header_box">
      <div class="logo">
        <a href="/">
          <img src="https://yufang.vip/dist/images/yufang_logo.webp" alt="" title="">
        </a>
      </div>
      <!-- mobile menu -->
      <div class="menu-wrapper">
        <div class="hamburger-menu"></div>
      </div>
      <div class="nav_box">
        <nav>
          <ul>
            <li>
              <a href="https://yufang.vip/about/" title="關於諭方老師">
                <span>關於諭方</span>
              </a>
            </li>
            <li>
              <a href="https://yufang.vip/service/" title="服務項目">
                <span>服務項目</span>
              </a>
            </li>
            <li>
              <a href="https://yufang.vip/case/" title="案例分享">
                <span>案例分享</span>
              </a>
            </li>
            <li>
              <a href="https://yufang.vip/contact/" title="聯絡我們">
                <span>聯絡我們</span>
              </a>
            </li>

          </ul>
        </nav>
        <div class="f-bg">
          <div class="img-bx">
            <img src="https://yufang.vip/dist/images/mountain_footer.webp" alt="奇門易數頁尾《山形圖一》" title="奇門易數頁尾《山形圖一》">
          </div>
          <div class="img-bx">
            <img src="https://yufang.vip/dist/images/mountain_footer.webp" alt="奇門易數頁尾《山形圖二》" title="奇門易數頁尾《山形圖二》">
          </div>
        </div>
      </div>
    </div>
  </header>
  <section class="ind-banner">
    <div class="compass-bx">
      <img src="https://yufang.vip/dist/images/01.webp" alt="風水命理羅盤(一)" title="風水命理羅盤(一)">
      <img src="https://yufang.vip/dist/images/02.webp" alt="風水命理羅盤(二)" title="風水命理羅盤(二)">
      <img src="https://yufang.vip/dist/images/03.webp" alt="風水命理羅盤(三)" title="風水命理羅盤(三)">
      <img src="https://yufang.vip/dist/images/04.webp" alt="風水命理羅盤(四)" title="風水命理羅盤(四)">
      <img src="https://yufang.vip/dist/images/05.webp" alt="風水命理羅盤(五)" title="風水命理羅盤(五)">
      <img src="https://yufang.vip/dist/images/06.webp" alt="風水命理羅盤(六)" title="風水命理羅盤(六)">
      <img src="https://yufang.vip/dist/images/07.webp" alt="風水命理羅盤(七)" title="風水命理羅盤(七)">
      <img src="https://yufang.vip/dist/images/pointer.webp" alt="風水命理羅盤(八)" title="風水命理羅盤(八)">
      <img src="https://yufang.vip/dist/images/compass_circle.webp" alt="風水命理羅盤(九)" title="風水命理羅盤(九)">
    </div>
    <div class="compass-bx-s">
      <img src="https://yufang.vip/dist/images/01.webp" alt="風水命理羅盤(一)" title="風水命理羅盤(一)">
      <img src="https://yufang.vip/dist/images/02.webp" alt="風水命理羅盤(二)" title="風水命理羅盤(二)">
      <img src="https://yufang.vip/dist/images/03.webp" alt="風水命理羅盤(三)" title="風水命理羅盤(三)">
      <img src="https://yufang.vip/dist/images/04.webp" alt="風水命理羅盤(四)" title="風水命理羅盤(四)">
      <img src="https://yufang.vip/dist/images/05.webp" alt="風水命理羅盤(五)" title="風水命理羅盤(五)">
      <img src="https://yufang.vip/dist/images/06.webp" alt="風水命理羅盤(六)" title="風水命理羅盤(六)">
      <img src="https://yufang.vip/dist/images/07.webp" alt="風水命理羅盤(七)" title="風水命理羅盤(七)">
      <img src="https://yufang.vip/dist/images/pointer.webp" alt="風水命理羅盤(八)" title="風水命理羅盤(八)">
      <img src="https://yufang.vip/dist/images/compass_circle.webp" alt="風水命理羅盤(九)" title="風水命理羅盤(九)">
    </div>
    <div class="logo-cen">
      <img src="https://yufang.vip/dist/images/yufang_logo.webp" alt="諭方老師 命理師網站logo" title="諭方老師 命理師網站logo">
    </div>
    <div class="ban-bg">
      <img src="https://yufang.vip/dist/images/kv_brush_bg.webp" alt="諭方老師 命理師網站 主視覺背景" title="諭方老師 命理師網站 主視覺背景">
    </div>
    <div class="ban-textani">
      <div>乾坤元亨利亨</div>
      <div>乾兌離震巽坎艮坤</div>
      <div>八八六十四卦</div>
      <div>日奇月奇星奇</div>
      <div>戊己庚辛壬癸</div>
      <div>開休生傷杜景死驚</div>
      <div>青龍白虎朱雀玄武</div>
      <div>天遁地遁人遁鬼遁神遁龍遁虎遁</div>
      <div>風遁雲遁</div>
      <div>天假地假人假神假鬼假物假</div>
      <div>真詐休詐重詐</div>
      <div>立春雨水驚蟄</div>
      <div>春分清明穀雨</div>
      <div>立夏小滿芒種</div>
      <div>夏至小暑大暑</div>
      <div>立秋處暑白露</div>
      <div>秋分寒露霜降</div>
      <div>立冬小雪大雪</div>
      <div>冬至小寒大寒</div>
      <div>開休生傷杜景死驚</div>
      <div>戊己庚辛壬癸</div>
      <div>日奇月奇星奇</div>
      <div>八八六十四卦</div>
      <div>乾兌離震巽坎艮坤</div>
      <div>乾坤元亨利亨</div>
      <div>乾坤元亨利亨</div>
      <div>乾兌離震巽坎艮坤</div>
      <div>八八六十四卦</div>
      <div>日奇月奇星奇</div>
      <div>戊己庚辛壬癸</div>
      <div>開休生傷杜景死驚</div>
      <div>青龍白虎朱雀玄武</div>
      <div>天遁地遁人遁鬼遁神遁龍遁虎遁</div>
      <div>風遁雲遁</div>
      <div>天假地假人假神假鬼假物假</div>
      <div>真詐休詐重詐</div>
      <div>立春雨水驚蟄</div>
      <div>春分清明穀雨</div>
      <div>立夏小滿芒種</div>
      <div>夏至小暑大暑</div>
      <div>立秋處暑白露</div>
      <div>秋分寒露霜降</div>
      <div>立冬小雪大雪</div>
      <div>冬至小寒大寒</div>
      <div>開休生傷杜景死驚</div>
      <div>戊己庚辛壬癸</div>
      <div>日奇月奇星奇</div>
      <div>八八六十四卦</div>
      <div>乾兌離震巽坎艮坤</div>
      <div>乾坤元亨利亨</div>
      <div>乾坤元亨利亨</div>
      <div>乾兌離震巽坎艮坤</div>
      <div>八八六十四卦</div>
      <div>日奇月奇星奇</div>
      <div>戊己庚辛壬癸</div>
      <div>開休生傷杜景死驚</div>
      <div>青龍白虎朱雀玄武</div>
      <div>天遁地遁人遁鬼遁神遁龍遁虎遁</div>
      <div>風遁雲遁</div>
      <div>天假地假人假神假鬼假物假</div>
      <div>真詐休詐重詐</div>
      <div>立春雨水驚蟄</div>
      <div>春分清明穀雨</div>
      <div>立夏小滿芒種</div>
      <div>夏至小暑大暑</div>
      <div>立秋處暑白露</div>
      <div>秋分寒露霜降</div>
      <div>立冬小雪大雪</div>
      <div>冬至小寒大寒</div>
      <div>開休生傷杜景死驚</div>
      <div>戊己庚辛壬癸</div>
      <div>日奇月奇星奇</div>
      <div>八八六十四卦</div>
      <div>乾兌離震巽坎艮坤</div>
      <div>乾坤元亨利亨</div>
      <div>乾坤元亨利亨</div>
      <div>乾兌離震巽坎艮坤</div>
      <div>八八六十四卦</div>
      <div>日奇月奇星奇</div>
      <div>戊己庚辛壬癸</div>
      <div>開休生傷杜景死驚</div>
      <div>青龍白虎朱雀玄武</div>
      <div>天遁地遁人遁鬼遁神遁龍遁虎遁</div>
      <div>風遁雲遁</div>
      <div>天假地假人假神假鬼假物假</div>
      <div>真詐休詐重詐</div>
      <div>立春雨水驚蟄</div>
      <div>春分清明穀雨</div>
      <div>立夏小滿芒種</div>
      <div>夏至小暑大暑</div>
      <div>立秋處暑白露</div>
      <div>秋分寒露霜降</div>
      <div>立冬小雪大雪</div>
      <div>冬至小寒大寒</div>
      <div>開休生傷杜景死驚</div>
      <div>戊己庚辛壬癸</div>
      <div>日奇月奇星奇</div>
      <div>八八六十四卦</div>
      <div>乾兌離震巽坎艮坤</div>
      <div>乾坤元亨利亨</div>
    </div>
  </section>
  <main>
    <section class="about-item">
      <div class="flex-bx">
        <div class="ind-tibx" data-aos="fade-up">
          <div class="t-ti">關於諭方老師</div>
          <div class="e-ti">about</div>
        </div>
        <div class="des-bx">
          <div class="sh-des" data-aos="fade-up" data-aos-delay="300">精通
            姓名八字、卜卦論勢、奇門遁甲、風水擇日等專業知識，將命理思維實際應用在學業、事業、愛情、財富、居家等等，為你奠基接下來的人生道路。​<br />
            <br />
            在20年的客製化服務中，淬取過往經驗，秉持以最直白的論斷，不講讓人聽不懂的術語，讓你花最少的力氣理解重點，在全球化和科技飛快進步的當下為你的事業、人生再造高峰。
          </div>
          <a href="https://yufang.vip/about/" class="sh-btn" data-aos="fade" data-aos-delay="450" title="關於諭方老師">
            <span>了解更多</span>
            <div class="arr-bx">
              <div class="arr"></div>
              <div class="arr"></div>
            </div>
          </a>

        </div>
        <div class="about-img">
          <div class="cir">
            <img src="https://yufang.vip/dist/images/circle_index.webp" alt="紫微斗數背景" title="紫微斗數背景">
          </div>
          <div class="yufang-img">
            <img src="https://yufang.vip/dist/images/yufang_index.webp" alt="命理師 諭方老師照片" title="命理師 諭方老師照片">
          </div>
          <div class="cloud-bx data-scrub='0.4'">
            <img class="cloud" data-scrollar-speed="2" src="https://yufang.vip/dist/images/cloud.webp" alt="風水雲朵《前》"
              title="風水雲朵《前》">
          </div>
          <div class="cloud-bx2 data-scrub='0.4'">
            <img class="cloud2" data-scrollar-speed="2" src="https://yufang.vip/dist/images/cloud.webp" alt="風水雲朵《後》"
              title="風水雲朵《後》">
          </div>
        </div>
      </div>
      <div class="about-bannerflex">
        <div class="img-bx">
          <img src="https://yufang.vip/dist/images/deco01_index.webp" data-aos="fade-right" alt="風水佈陣圖" title="風水佈陣圖">
          <div class="ti" data-aos="fade-left" data-aos-delay="400">知命行運‧始於轉念</div>
        </div>
        <div class="img-bx">
          <div class="ti" data-aos="fade-right" data-aos-delay="400">人生無常‧總有起伏</div>
          <img src="https://yufang.vip/dist/images/deco02_index.webp" data-aos="fade-left" alt="風水羅盤照" title="風水羅盤照">
        </div>
        <div class="about-rbg" data-aos="fade">
          <img src="https://yufang.vip/dist/images/mountain_inside_right.webp" alt="風水擇日《右側山形圖》" title="風水擇日《右側山形圖》">
        </div>
        <div class="about-lbg" data-aos="fade">
          <img src="https://yufang.vip/dist/images/mountain_left.webp" alt="風水擇日《左側山形圖》" title="風水擇日《左側山形圖》">
        </div>
        <div class="red-circle" data-aos="zoom-in" data-aos-delay="700">
          <div class="r-circle" data-aos="zoom-in" data-aos-delay="800"></div>
          <div class="r-circle" data-aos="zoom-in" data-aos-delay="1000"></div>
          <div class="r-circle" data-aos="zoom-in" data-aos-delay="1200"></div>
        </div>
      </div>
    </section>
    <section class="service-item">
      <div class="text-center">
        <div class="ind-tibx" data-aos="fade-up">
          <div class="t-ti">服務項目</div>
          <div class="e-ti">service</div>
        </div>
      </div>
      <div class="ser-tbx">
        <ul>
          <li class="active" data-aos="fade">
            <div class="ball-bx">
              <div class="ti">年度運勢</div>
              <div class="imgbg-bx">
                <div class="l-img">
                  <img class="unhov" src="https://yufang.vip/dist/images/ser01.webp" alt="年度運勢 服務《左側未選取》"
                    title="年度運勢 服務《左側未選取》">
                  <img class="hov" src="https://yufang.vip/dist/images/ser01_h.webp" alt="年度運勢 服務《左側已選取》"
                    title="年度運勢 服務《左側已選取》">
                </div>
                <div class="r-img">
                  <img class="unhov" src="https://yufang.vip/dist/images/ser01.webp" alt="年度運勢 服務《右側未選取》"
                    title="年度運勢 服務《右側未選取》">
                  <img class="hov" src="https://yufang.vip/dist/images/ser01_h.webp" alt="年度運勢 服務《右側已選取》"
                    title="年度運勢 服務《右側已選取》">
                </div>
              </div>
            </div>
            <div class="des-bx">
              <div class="d-ti f20">年度運勢</div>
              <div class="d-des f16">超前部署你明年的運勢！配合主事者的生辰，並以「卦」佐「時辰」，預先知曉新年度的運勢，提前策劃藉以趨吉避凶。</div>
              <a href="https://yufang.vip/service/8" class="sh-btn" title="服務項目《年度運勢》">
                <span>了解更多</span>
                <div class="arr-bx">
                  <div class="arr"></div>
                  <div class="arr"></div>
                </div>
              </a>
            </div>
          </li>
          <li data-aos="fade">
            <div class="ball-bx">
              <div class="ti">更名轉運</div>
              <div class="imgbg-bx">
                <div class="l-img">
                  <img class="unhov" src="https://yufang.vip/dist/images/ser02.webp" alt="更名轉運 服務《左側未選取》"
                    title="更名轉運 服務《左側未選取》">
                  <img class="hov" src="https://yufang.vip/dist/images/ser02_h.webp" alt="更名轉運 服務《左側已選取》"
                    title="更名轉運 服務《左側已選取》">
                </div>
                <div class="r-img">
                  <img class="unhov" src="https://yufang.vip/dist/images/ser02.webp" alt="更名轉運 服務《右側未選取》"
                    title="更名轉運 服務《右側未選取》">
                  <img class="hov" src="https://yufang.vip/dist/images/ser02_h.webp" alt="更名轉運 服務《右側已選取》"
                    title="更名轉運 服務《右側已選取》">
                </div>
              </div>
            </div>
            <div class="des-bx">
              <div class="d-ti f20">更名轉運</div>
              <div class="d-des f16">更名以八字為基礎，搭配姓名的陰陽五行，瞭解主事者所欲，將之互補相乘，進而圓滿順心而質變改運。</div>
              <a href="https://yufang.vip/service/7" class="sh-btn" title="服務項目《更名轉運》">
                <span>了解更多</span>
                <div class="arr-bx">
                  <div class="arr"></div>
                  <div class="arr"></div>
                </div>
              </a>
            </div>
          </li>
          <li data-aos="fade">
            <div class="ball-bx">
              <div class="ti">風水佈局</div>
              <div class="imgbg-bx">
                <div class="l-img">
                  <img class="unhov" src="https://yufang.vip/dist/images/ser03.webp" alt="風水佈局 服務《左側未選取》"
                    title="風水佈局 服務《左側未選取》">
                  <img class="hov" src="https://yufang.vip/dist/images/ser03_h.webp" alt="風水佈局 服務《左側已選取》"
                    title="風水佈局 服務《左側已選取》">
                </div>
                <div class="r-img">
                  <img class="unhov" src="https://yufang.vip/dist/images/ser03.webp" alt="風水佈局 服務《右側未選取》"
                    title="風水佈局 服務《右側未選取》">
                  <img class="hov" src="https://yufang.vip/dist/images/ser03_h.webp" alt="風水佈局 服務《右側已選取》"
                    title="風水佈局 服務《右側已選取》">
                </div>
              </div>
            </div>
            <div class="des-bx">
              <div class="d-ti f20">風水佈局</div>
              <div class="d-des f16">所謂「一命，二運，三風水」，風水是以外界的自然磁場影響個人居家，藉以優化自身運勢，並削弱不良氣場的影響。</div>
              <a href="https://yufang.vip/service/6" class="sh-btn" title="服務項目《風水佈局》">
                <span>了解更多</span>
                <div class="arr-bx">
                  <div class="arr"></div>
                  <div class="arr"></div>
                </div>
              </a>
            </div>
          </li>
          <li data-aos="fade">
            <div class="ball-bx">
              <div class="ti">新生兒、新事業</div>
              <div class="imgbg-bx">
                <div class="l-img">
                  <img class="unhov" src="https://yufang.vip/dist/images/ser04.webp" alt="新生兒、新事業 服務《左側未選取》"
                    title="新生兒、新事業 服務《左側未選取》">
                  <img class="hov" src="https://yufang.vip/dist/images/ser04_h.webp" alt="新生兒、新事業 服務《左側已選取》"
                    title="新生兒、新事業 服務《左側已選取》">
                </div>
                <div class="r-img">
                  <img class="unhov" src="https://yufang.vip/dist/images/ser04.webp" alt="新生兒、新事業 服務《右側未選取》"
                    title="新生兒、新事業 服務《右側未選取》">
                  <img class="hov" src="https://yufang.vip/dist/images/ser04_h.webp" alt="新生兒、新事業 服務《右側已選取》"
                    title="新生兒、新事業 服務《右側已選取》">
                </div>
              </div>
            </div>
            <div class="des-bx">
              <div class="d-ti f20">新生兒、新事業</div>
              <div class="d-des f16">從為您的小孩，到創業公司的名號，這些超前部署讓您順心於孩童的未來，同時讓公司事業版圖走上康莊大道。</div>
              <a href="https://yufang.vip/service/5" class="sh-btn" title="服務項目《新生兒、新事業》">
                <span>了解更多</span>
                <div class="arr-bx">
                  <div class="arr"></div>
                  <div class="arr"></div>
                </div>
              </a>
            </div>
          </li>
          <li data-aos="fade">
            <div class="ball-bx">
              <div class="ti">卜卦指點</div>
              <div class="imgbg-bx">
                <div class="l-img">
                  <img class="unhov" src="https://yufang.vip/dist/images/ser05.webp" alt="卜卦指點 服務《左側未選取》"
                    title="卜卦指點 服務《左側未選取》">
                  <img class="hov" src="https://yufang.vip/dist/images/ser05_h.webp" alt="卜卦指點 服務《左側已選取》"
                    title="卜卦指點 服務《左側已選取》">
                </div>
                <div class="r-img">
                  <img class="unhov" src="https://yufang.vip/dist/images/ser05.webp" alt="卜卦指點 服務《右側未選取》"
                    title="卜卦指點 服務《右側未選取》">
                  <img class="hov" src="https://yufang.vip/dist/images/ser05_h.webp" alt="卜卦指點 服務《右側已選取》"
                    title="卜卦指點 服務《右側已選取》">
                </div>
              </div>
            </div>
            <div class="des-bx">
              <div class="d-ti f20">卜卦指點</div>
              <div class="d-des f16">從財富、工作事業、婚姻情感、身體健康、各類證照、考運到房屋、企業等氣數，提供清楚的建議或事況。</div>
              <a href="https://yufang.vip/service/4" class="sh-btn" title="服務項目《卜卦指點》">
                <span>了解更多</span>
                <div class="arr-bx">
                  <div class="arr"></div>
                  <div class="arr"></div>
                </div>
              </a>
            </div>
          </li>
          <li data-aos="fade">
            <div class="ball-bx">
              <div class="ti">通書擇日</div>
              <div class="imgbg-bx">
                <div class="l-img">
                  <img class="unhov" src="https://yufang.vip/dist/images/ser06.webp" alt="通書擇日 服務《左側未選取》"
                    title="通書擇日 服務《左側未選取》">
                  <img class="hov" src="https://yufang.vip/dist/images/ser06_h.webp" alt="通書擇日 服務《左側已選取》"
                    title="通書擇日 服務《左側已選取》">
                </div>
                <div class="r-img">
                  <img class="unhov" src="https://yufang.vip/dist/images/ser06.webp" alt="通書擇日 服務《右側未選取》"
                    title="通書擇日 服務《右側未選取》">
                  <img class="hov" src="https://yufang.vip/dist/images/ser06_h.webp" alt="通書擇日 服務《右側已選取》"
                    title="通書擇日 服務《右側已選取》">
                </div>
              </div>
            </div>
            <div class="des-bx">
              <div class="d-ti f20">通書擇日</div>
              <div class="d-des f16">「時日」如同天上的雲一樣時時刻刻都在變化，當下的天地靈動也不盡相同，因此選擇合適之日順應天命。</div>
              <a href="https://yufang.vip/service/3" class="sh-btn" title="服務項目《通書擇日》">
                <span>了解更多</span>
                <div class="arr-bx">
                  <div class="arr"></div>
                  <div class="arr"></div>
                </div>
              </a>
            </div>
          </li>
        </ul>
        <div class="ser-tbg">
          <img src="https://yufang.vip/dist/images/service_circle_index.webp" alt="卜卦、風水、運勢、擇日、改名、紫微《背景圖》"
            title="卜卦、風水、運勢、擇日、改名《背景圖》">
        </div>
      </div>
      <div class="f-bg">
        <div class="img-bx">
          <img src="https://yufang.vip/dist/images/mountain_footer.webp" alt="卜卦、風水、運勢《山形圖》" title="卜卦、風水、運勢《山形圖》">
        </div>
        <div class="img-bx">
          <img src="https://yufang.vip/dist/images/mountain_footer.webp" alt="擇日、紫微、改名《山形圖》" title="擇日、紫微、改名《山形圖》">
        </div>
      </div>
      <div class="ser-imgbx">
        <div class="ser-bg">
          <img src="https://yufang.vip/dist/images/kv_brush_bg.webp" alt="風水佈陣實景《背景圖》" title="風水佈陣實景《背景圖》">
        </div>
        <div class="ser-flex">
          <div class="img-bx b-img" data-aos="fade-right" data-aos-delay="400">
            <img src="https://yufang.vip/dist/images/deco03_index.webp" alt="風水佈陣《實景圖一》" title="風水佈陣《實景圖一》">
          </div>
          <div class="ti f20" data-aos="fade-up">
            讓心境和諧，思維轉念 <br>
            <span>向天地借氣，得貴人助，使生活美滿</span>
          </div>
          <div class="img-bx s-img" data-aos="fade-left" data-aos-delay="400">
            <img src="https://yufang.vip/dist/images/deco04_index.webp" alt="風水佈陣《實景圖二》" title="風水佈陣《實景圖二》">
          </div>
          <div class="bird" data-aos="fade-up">
            <img src="https://yufang.vip/dist/images/bird.gif" alt="風水佈陣《鳳凰圖》" title="風水佈陣《鳳凰圖》">
          </div>
        </div>
        <div class="ser-bimg" data-aos="zoom-in">
          <img src="https://yufang.vip/dist/images/deco05_index.webp" alt="風水佈陣《實景圖三》" title="風水佈陣《實景圖三》">
        </div>
      </div>
    </section>
    <section class="case-item">
      <div class="flex-bx">
        <div class="ind-tibx" data-aos="fade-up">
          <div class="t-ti">案例分享</div>
          <div class="e-ti">case</div>
        </div>
        <ul class="case-list">
          <li data-aos="fade">
            <a href="https://yufang.vip/caseinfo/3/title/壬寅年工作運勢-女老闆的百般刁難，事前已知道" title="壬寅年工作運勢-女老闆的百般刁難，事前已知道">
              <div class="img-bx">
                <img src="https://yufang.vip/upload/2022_08_31_1425441.webp" alt="" title="">
                <div class="arr-bx">
                  <div class="arr"></div>
                  <div class="arr"></div>
                </div>
              </div>
              <div class="f20">壬寅年工作運勢-女老闆的百般刁難，事前已知道</div>
              <div class="f16"></div>
              <div class="rt-ti">年度運勢</div>
            </a>
          </li>
          <li data-aos="fade">
            <a href="https://yufang.vip/caseinfo/13/title/更名就是轉運，創造新思維，新人生" title="更名就是轉運，創造新思維，新人生">
              <div class="img-bx">
                <img src="https://yufang.vip/upload/2022_09_01_1114121.webp" alt="" title="">
                <div class="arr-bx">
                  <div class="arr"></div>
                  <div class="arr"></div>
                </div>
              </div>
              <div class="f20">更名就是轉運，創造新思維，新人生</div>
              <div class="f16"></div>
              <div class="rt-ti">更名轉運</div>
            </a>
          </li>
          <li data-aos="fade">
            <a href="https://yufang.vip/caseinfo/27/title/[ 盯睛設計創辦人 游聿名 ] 擺財神陣、化小人煞" title="[ 盯睛設計創辦人 游聿名 ] 擺財神陣、化小人煞">
              <div class="img-bx">
                <img src="https://yufang.vip/upload/2022_09_23_1045321.webp" alt="盯睛設計創辦人 游聿名" title="盯睛設計創辦人 游聿名">
                <div class="arr-bx">
                  <div class="arr"></div>
                  <div class="arr"></div>
                </div>
              </div>
              <div class="f20">[ 盯睛設計創辦人 游聿名 ] 擺財神陣、化小人煞</div>
              <div class="f16">辦公室擺財神陣、化小人煞，立即見效。</div>
              <div class="rt-ti">風水佈局</div>
            </a>
          </li>
          <li data-aos="fade">
            <a href="https://yufang.vip/caseinfo/14/title/超前部署，從出生開始就給一個好名！" title="超前部署，從出生開始就給一個好名！">
              <div class="img-bx">
                <img src="https://yufang.vip/upload/2022_09_01_1115241.webp" alt="" title="">
                <div class="arr-bx">
                  <div class="arr"></div>
                  <div class="arr"></div>
                </div>
              </div>
              <div class="f20">超前部署，從出生開始就給一個好名！</div>
              <div class="f16"></div>
              <div class="rt-ti">新生兒、新事業</div>
            </a>
          </li>
          <li data-aos="fade">
            <a href="https://yufang.vip/caseinfo/6/title/車關提醒" title="車關提醒">
              <div class="img-bx">
                <img src="https://yufang.vip/upload/2022_08_31_1446581.webp" alt="" title="">
                <div class="arr-bx">
                  <div class="arr"></div>
                  <div class="arr"></div>
                </div>
              </div>
              <div class="f20">車關提醒</div>
              <div class="f16"></div>
              <div class="rt-ti">卜卦指點</div>
            </a>
          </li>
          <li data-aos="fade">
            <a href="https://yufang.vip/caseinfo/2/title/薇涓 [ 改名見證 ]" title="薇涓 [ 改名見證 ]">
              <div class="img-bx">
                <img src="https://yufang.vip/upload/2022_08_31_1322161.webp" alt="薇涓" title="薇涓">
                <div class="arr-bx">
                  <div class="arr"></div>
                  <div class="arr"></div>
                </div>
              </div>
              <div class="f20">薇涓 [ 改名見證 ]</div>
              <div class="f16">自我改名之後，真的在遇到事情中一直都有貴人相助，我很感謝「諭方」老師。</div>
              <div class="rt-ti">更名轉運</div>
            </a>
          </li>
        </ul>
        <div class="sli-btn">
          <a href="javascript:;" class="prev-btn sh-btn" title="案例分享《下一篇》">
            <div class="arr-bx">
              <div class="arr"></div>
              <div class="arr"></div>
            </div>
          </a>
          <a href="javascript:;" class="next-btn sh-btn" title="案例分享《上一篇》">
            <div class="arr-bx">
              <div class="arr"></div>
              <div class="arr"></div>
            </div>
          </a>
        </div>
        <a href="https://yufang.vip/case/" class="sh-btn" data-aos="fade" title="更多 卜卦、風水、運勢、擇日、改名、紫微 相關案例">
          <span>更多案例</span>
          <div class="arr-bx">
            <div class="arr"></div>
            <div class="arr"></div>
          </div>
        </a>
      </div>
    </section>

    <div class="top_btn">
      <div class="arr"></div>
      <div class="arr"></div>
    </div>
  </main>
  <footer>
    <div class="f-logo">
      <img src="https://yufang.vip/dist/images/yufang_logo.webp" alt="諭方老師網站logo" title="諭方老師網站logo">
    </div>
    <ul class="da-list">
      <li>
        <a href="tel:02 3707 6512" title="立即撥打電話洽詢命理服務">02 3707 6512</a>
      </li>
      <li>
        <a href="mailto:service@yufang.vip" title="寄信洽詢命理服務">service@yufang.vip</a>
      </li>
    </ul>

    <div class="copyright">
      &copy; 2022 GAZE CREATIVE DESIGN <a href="https://gaze-design.com/" target="_blank" title="網站設計公司 盯睛設計">Design By
        盯睛設計</a>
    </div>
    <div id="awwwards" style="position: fixed; z-index: 999; transform: translateY(-50%); top: 50%;  left: 0"><a
        href="https://www.awwwards.com/sites/yufang-yu-fang-lao-shi-qi-men-yi-shu" target="_blank"><svg width="53.08"
          height="171.358">
          <path class="js-color-bg" fill="white" d="M0 0h53.08v171.358H0z"></path>
          <g class="js-color-text" fill="black">
            <path
              d="M20.047 153.665v-1.9h3.888v-4.093h-3.888v-1.9h10.231v1.9h-4.59v4.093h4.59v1.9zM29.898 142.236c-.331.565-.784.997-1.359 1.294s-1.222.446-1.944.446c-.721 0-1.369-.149-1.943-.446a3.316 3.316 0 0 1-1.36-1.294c-.331-.564-.497-1.232-.497-2.002s.166-1.438.497-2.002a3.316 3.316 0 0 1 1.36-1.294c.574-.297 1.223-.445 1.943-.445.723 0 1.369.148 1.944.445a3.307 3.307 0 0 1 1.359 1.294c.331.564.497 1.232.497 2.002s-.166 1.438-.497 2.002m-1.703-3.347c-.435-.33-.967-.496-1.601-.496-.633 0-1.166.166-1.601.496-.433.332-.649.78-.649 1.346 0 .564.217 1.013.649 1.345.435.331.968.497 1.601.497.634 0 1.166-.166 1.601-.497.435-.332.649-.78.649-1.345.001-.566-.214-1.014-.649-1.346M22.911 134.852v-1.813h1.186a3.335 3.335 0 0 1-.951-1.009 2.423 2.423 0 0 1-.352-1.271c0-.682.19-1.229.57-1.645.381-.413.932-.621 1.652-.621h5.262v1.812h-4.721c-.419 0-.727.096-.921.285-.195.19-.292.447-.292.769 0 .302.115.58.35.833.234.254.577.458 1.03.613.454.156.993.234 1.616.234h2.938v1.813h-7.367zM29.898 125.136a3.314 3.314 0 0 1-1.359 1.294c-.575.297-1.222.445-1.944.445-.721 0-1.369-.148-1.943-.445a3.322 3.322 0 0 1-1.36-1.294c-.331-.565-.497-1.232-.497-2.002 0-.771.166-1.438.497-2.003a3.313 3.313 0 0 1 1.36-1.293c.574-.297 1.223-.446 1.943-.446.723 0 1.369.149 1.944.446s1.028.728 1.359 1.293.497 1.232.497 2.003c.001.769-.166 1.436-.497 2.002m-1.703-3.347c-.435-.331-.967-.497-1.601-.497-.633 0-1.166.166-1.601.497-.433.331-.649.778-.649 1.345 0 .564.217 1.013.649 1.344.435.332.968.498 1.601.498.634 0 1.166-.166 1.601-.498.435-.331.649-.779.649-1.344.001-.567-.214-1.014-.649-1.345M22.911 117.75v-1.812h1.199c-.419-.265-.742-.586-.972-.966s-.345-.784-.345-1.213c0-.272.05-.569.146-.892l1.682.336a1.429 1.429 0 0 0-.205.76c0 .576.261 1.048.783 1.418.521.37 1.342.557 2.461.557h2.617v1.812h-7.366zM29.812 111.252c-.391.511-.857.851-1.403 1.016l-.776-1.446c.381-.138.68-.329.893-.577.215-.249.321-.544.321-.885a1.2 1.2 0 0 0-.168-.658c-.112-.175-.294-.263-.548-.263-.225 0-.406.105-.548.313-.142.21-.291.534-.446.973-.019.068-.058.17-.117.307-.224.565-.506 1.004-.848 1.315-.34.313-.779.467-1.314.467-.381 0-.727-.102-1.039-.306a2.185 2.185 0 0 1-.744-.84 2.554 2.554 0 0 1-.279-1.207c0-.497.105-.949.314-1.359.211-.408.506-.725.886-.949l.993 1.082c-.43.292-.644.686-.644 1.184a.84.84 0 0 0 .154.504.471.471 0 0 0 .401.212c.176 0 .338-.103.49-.307.15-.205.334-.604.547-1.199.205-.564.474-1.001.805-1.308.332-.308.756-.46 1.271-.46.721 0 1.299.229 1.732.687s.65 1.057.65 1.797c.001.759-.194 1.396-.583 1.907M35.481 17.006l-4.782 14.969h-3.266l-2.584-9.682-2.584 9.682h-3.268l-4.782-14.969h3.713l2.673 10.276 2.525-10.276h3.445l2.524 10.276 2.674-10.276zM37.978 27.163c1.426 0 2.496 1.068 2.496 2.495 0 1.425-1.07 2.495-2.496 2.495-1.425 0-2.494-1.07-2.494-2.495-.001-1.427 1.069-2.495 2.494-2.495">
            </path>
          </g>
        </svg></a></div>
    <div class="f-bg">
      <div class="img-bx">
        <img src="https://yufang.vip/dist/images/mountain_footer.webp" alt="奇門易數頁尾《山形圖三》" title="奇門易數頁尾《山形圖三》">
      </div>
      <div class="img-bx">
        <img src="https://yufang.vip/dist/images/mountain_footer.webp" alt="奇門易數頁尾《山形圖四》" title="奇門易數頁尾《山形圖四》">
      </div>
    </div>
  </footer>
  <script src="https://yufang.vip/dist/js/main.js"></script>
  <script src="https://yufang.vip/dist/js/slick.min.js"></script>
  <!-- <script src="dist/js/gsap.min.js"></script> -->
  <script src="https://yufang.vip/dist/js/jquery.paroller.min.js"></script>
  <script src="https://yufang.vip/dist/js/index.js"></script>
</body>

</html>